<template>
  <div>购物车</div>
</template>

<script>
import Vue from "vue";
export default {
  data() {
    return {};
  },
  beforeRouteEnter(to, from, next) {
    console.log("执行了cart组件中的beforeRouteEnter");
    // 不! 能! 获取组件实例 "this"
    // 因为当守卫执行前,组件实例还没被创建
    let token = localStorage.getItem("token");
    if (token) {
      next();
    } else {
      Vue.prototype.$toast("请先登录!");
      // 拿不到token,说明没有登录,跳转到我的 /User.vue
      setTimeout(() => {
        next("/user");
      }, 1000);
    }
    // 理解:比全局写法更好,不用每次跳转到路由都去进行判断
  },
};
</script>
 
<style lang = "less" scoped>
</style>